<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="zh-CN">
  <head>
		<title>认识团队 — Vue.js</title>
    <meta charset="utf-8">
    <meta name="description" content="Vue.js - The Progressive JavaScript Framework">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

		<script src="/js/jquery-3.1.0.min.js" type="text/javascript"></script>

    <link rel="icon" href="/images/logo.png" type="image/png">

    <meta name="msapplication-config" content="browserconfig.xml">
    <link rel="manifest" href="/manifest.json">

    <!-- <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Roboto Mono' rel='stylesheet' type='text/css'> -->
    <!-- <link href='//fonts.googleapis.com/css?family=Dosis:500&text=Vue.js' rel='stylesheet' type='text/css'> -->

    <link href="/css/font-awesome.min.css" tppabs="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- main page styles -->
    <link rel="stylesheet" href="/css/page.css" tppabs="https://cn.vuejs.org/css/page.css">

    <!-- this needs to be loaded before guide's inline scripts -->
    <script src="/js/vue.js" tppabs="https://cn.vuejs.org/js/vue.js"></script>
    <script>window.PAGE_TYPE = "guide"</script>

    <!-- ga -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','/js/analytics.js'/*tpa=https://www.google-analytics.com/analytics.js*/,'ga');

      ga('create', 'UA-46852172-3', 'https://cn.vuejs.org/v2/guide/cn.vuejs.org');
      ga('send', 'pageview');
    </script>

  </head>

<body class="docs">

<div id="header">
	<a id="logo" href="https://cn.vuejs.org/">
		<img src="/images/logo.png" tppabs="https://cn.vuejs.org/images/logo.png">
		<span>Vue.js</span>
	</a>

	<ul id="nav">
	<li class="nav-dropdown-container learn">
		<a class="nav-link current">学习</a><span class="arrow"></span>
		<ul class="nav-dropdown">
			<li> 
			<ul>
				<li><a href="index.htm" tppabs="https://cn.vuejs.org/v2/guide/" class="nav-link current">教程</a></li>
				<li><a href="https://cn.vuejs.org/v2/api/" class="nav-link">API</a></li>
				<li><a href="https://cn.vuejs.org/v2/style-guide/" class="nav-link">风格指南 (beta)</a></li>
				<li><a href="https://cn.vuejs.org/v2/examples/" class="nav-link">示例</a></li>
			</ul> 
			</li>
		</ul>
	</li>

	<li class="nav-dropdown-container ecosystem">
		<a class="nav-link">生态系统</a> 
		<span class="arrow"></span>

		<ul class="nav-dropdown">
			<li><h4>帮助</h4></li>
			<li> 
			<ul>
				<li><a href="https://forum.vuejs.org/" class="nav-link" target="_blank">论坛</a></li>
				<li><a href="https://chat.vuejs.org/" class="nav-link" target="_blank">聊天室</a></li>
			</ul> 
			</li>

			<li><h4>工具</h4></li>
			<li>
				<ul>
					<li><a href="https://github.com/vuejs/vue-devtools" class="nav-link" target="_blank">Devtools</a></li>
					<li><a href="https://vuejs-templates.github.io/webpack" class="nav-link" target="_blank">webpack 模板</a></li>
					<li><a href="https://vue-loader.vuejs.org/" class="nav-link" target="_blank">Vue Loader</a></li>
				</ul>
			</li>
			<li><h4>核心插件</h4></li>
			<li><ul>
				<li><a href="https://router.vuejs.org/" class="nav-link" target="_blank">Vue Router</a></li>
				<li><a href="https://vuex.vuejs.org/" class="nav-link" target="_blank">Vuex</a></li>
				<li><a href="https://ssr.vuejs.org/" class="nav-link" target="_blank">Vue 服务端渲染</a></li>
			</ul></li>
			<li><h4>信息</h4></li>
			<li><ul>
				<li><a href="https://news.vuejs.org/" class="nav-link" target="_blank">周刊</a></li>
				<li><a href="https://github.com/vuejs/roadmap" class="nav-link" target="_blank">Roadmap</a></li>
				<li><a href="https://twitter.com/vuejs" class="nav-link" target="_blank">Twitter</a></li>
				<li><a href="https://medium.com/the-vue-point" class="nav-link" target="_blank">博客</a></li>
				<li><a href="https://vuejobs.com/?ref=vuejs" class="nav-link" target="_blank">工作</a></li>
			</ul></li>
			<li><h4>资源列表</h4></li>
			<li><ul>
				<li><a href="https://github.com/vuejs" class="nav-link" target="_blank">官方仓库</a></li>
				<li><a href="https://curated.vuejs.org/" class="nav-link" target="_blank">Vue 优选</a></li>
				<li><a href="https://github.com/vuejs/awesome-vue" class="nav-link" target="_blank">Vue 资源</a></li>
			</ul></li>
		</ul>
	</li>
	</ul>

</div>


<div id="main" class="fix-sidebar">
	<div class="sidebar">
		<div class="sidebar-inner">
			<div class="list">
	<ul class="menu-root">
		<li><h3>基础</h3></li>
    
    <li id="installation" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue//Vue/installation"  class="sidebar-link">安装</a>
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#Vue-Devtools">Vue Devtools</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#直接用-lt-script-gt-引入">直接用 &lt;script&gt; 引入</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/installation#CDN">CDN</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#NPM">NPM</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#命令行工具-CLI">命令行工具</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#对不同构建版本的解释">对不同构建版本的解释</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/installation#术语">术语</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/installation#运行时-编译器-vs-只包含运行时">运行时 + 编译器 vs. 只包含运行时</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/installation#开发环境-vs-生产环境模式">开发环境 vs. 生产环境模式</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/installation#CSP-环境">CSP 环境</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#开发版本">开发版本</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#Bower">Bower</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/installation#AMD-模块加载器">AMD 模块加载器</a>
				</li>
			</ul>
    </li>

    <li id="index" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/index" class="sidebar-link">介绍</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/index#Vue-js-是什么">Vue.js 是什么</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/index#起步">起步</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/index#声明式渲染">声明式渲染</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/index#条件与循环">条件与循环</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/index#处理用户输入">处理用户输入</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/index#组件化应用构建">组件化应用构建</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/index#与自定义元素的关系">与自定义元素的关系</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/index#准备好了吗？">准备好了吗？</a>
  </li>
</ul>
    </li>

    <li id="instance" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/instance" class="sidebar-link">Vue 实例</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/instance#创建一个-Vue-实例">创建一个 Vue 实例</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/instance#数据与方法">数据与方法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/instance#实例生命周期钩子">实例生命周期钩子</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/instance#生命周期图示">生命周期图示</a>
  </li>
</ul>
    </li>

    <li id="syntax" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/syntax" class="sidebar-link">模板语法</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/syntax#插值">插值</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#文本">文本</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#原始-HTML">原始 HTML</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#特性">特性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#使用-JavaScript-表达式">使用 JavaScript 表达式</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/syntax#指令">指令</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#参数">参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#修饰符">修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/syntax#缩写">缩写</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#v-bind-缩写">v-bind 缩写</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/syntax#v-on-缩写">v-on 缩写</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="computed" class="sidebar-menu">
			<i class="">＋</i>
     <a href="/Vue/computed" tppabs="https://cn.vuejs.org/v2/guide/computed.html" class="sidebar-link">计算属性和侦听器</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/computed#计算属性">计算属性</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/computed#基础例子">基础例子</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/computed#计算属性缓存-vs-方法">计算属性缓存 vs 方法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/computed#计算属性-vs-侦听属性">计算属性 vs 侦听属性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/computed#计算属性的-setter">计算属性的 setter</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/computed#侦听器">侦听器</a>
  </li>
</ul>
    </li>

    <li id="class-and-style" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/class-and-style" tppabs="https://cn.vuejs.org/v2/guide/class-and-style.html" class="sidebar-link">Class 与 Style 绑定</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/class-and-style#绑定-HTML-Class">绑定 HTML Class</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/class-and-style#对象语法">对象语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/class-and-style#数组语法">数组语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/class-and-style#用在组件上">用在组件上</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/class-and-style#绑定内联样式">绑定内联样式</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/class-and-style#对象语法-1">对象语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/class-and-style#数组语法-1">数组语法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/class-and-style#自动添加前缀">自动添加前缀</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/class-and-style#多重值">多重值</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="conditional" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/conditional" tppabs="https://cn.vuejs.org/v2/guide/conditional.html" class="sidebar-link">条件渲染</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/conditional#v-if">v-if</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/conditional#在-lt-template-gt-元素上使用-v-if-条件渲染分组">在 &lt;template&gt; 元素上使用 v-if 条件渲染分组</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/conditional#v-else">v-else</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/conditional#v-else-if">v-else-if</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/conditional#用-key-管理可复用的元素">用 key 管理可复用的元素</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/conditional#v-show">v-show</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/conditional#v-if-vs-v-show">v-if vs v-show</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/conditional#v-if-与-v-for-一起使用">v-if 与 v-for 一起使用</a>
  </li>
</ul>
    </li>

    <li id="list" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/list" tppabs="https://cn.vuejs.org/v2/guide/list.html" class="sidebar-link">列表渲染</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#用-v-for-把一个数组对应为一组元素">用 v-for 把一个数组对应为一组元素</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#一个对象的-v-for">一个对象的 v-for</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#key">key</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#数组更新检测">数组更新检测</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/list#变异方法">变异方法</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/list#替换数组">替换数组</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/list#注意事项">注意事项</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#对象更改检测注意事项">对象更改检测注意事项</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#显示过滤-排序结果">显示过滤/排序结果</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#一段取值范围的-v-for">一段取值范围的 v-for</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#v-for-on-a-lt-template-gt">v-for on a &lt;template&gt;</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#v-for-with-v-if">v-for with v-if</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/list#一个组件的-v-for">一个组件的 v-for</a>
  </li>
</ul>
    </li>

    <li id="events" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/events" tppabs="https://cn.vuejs.org/v2/guide/events.html" class="sidebar-link">事件处理</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/events#监听事件">监听事件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/events#事件处理方法">事件处理方法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/events#内联处理器中的方法">内联处理器中的方法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/events#事件修饰符">事件修饰符</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/events#按键修饰符">按键修饰符</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/events#自动匹配按键修饰符">自动匹配按键修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/events#系统修饰键">系统修饰键</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/events#exact-修饰符">.exact 修饰符</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/events#鼠标按钮修饰符">鼠标按钮修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/events#为什么在-HTML-中监听事件">为什么在 HTML 中监听事件?</a>
  </li>
</ul>
    </li>

    <li id="forms" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/forms" tppabs="https://cn.vuejs.org/v2/guide/forms.html" class="sidebar-link">表单输入绑定</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/forms#基础用法">基础用法</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#文本">文本</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#多行文本">多行文本</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#复选框">复选框</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#单选按钮">单选按钮</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#选择框">选择框</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/forms#值绑定">值绑定</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#复选框-1">复选框</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#单选按钮-1">单选按钮</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#选择框的选项">选择框的选项</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/forms#修饰符">修饰符</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#lazy">.lazy</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#number">.number</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/forms#trim">.trim</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/forms#在组件上使用-v-model">在组件上使用 v-model</a>
  </li>
</ul>
    </li>
      

		<li><h3>组件详解</h3></li>
    <li id="components" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/components" tppabs="https://cn.vuejs.org/v2/guide/components.html" class="sidebar-link">组件基础</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#基本示例">基本示例</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#组件的复用">组件的复用</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/components#data-必须是一个函数">data 必须是一个函数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#组件的组织">组件的组织</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#通过-Prop-向子组件传递数据">通过 Prop 向子组件传递数据</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#单个根元素">单个根元素</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#通过事件向父级组件发送消息">通过事件向父级组件发送消息</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/components#使用事件抛出一个值">使用事件抛出一个值</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="/Vue/components#在组件上使用-v-model">在组件上使用 v-model</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#通过插槽分发内容">通过插槽分发内容</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#动态组件">动态组件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/components#解析-DOM-模板时的注意事项">解析 DOM 模板时的注意事项</a>
  </li>
</ul>
    </li>

    <li id="components-registration" class="sidebar-menu">
			<i class="">＋</i>
			<a href="/Vue/components-registration" class="sidebar-link">组件注册</a>  
<ul class="menu-sub">
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-registration#组件名">组件名</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-registration#组件名大小写">组件名大小写</a>
		</li>
	</ul>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-registration#全局注册">全局注册</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-registration#局部注册">局部注册</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-registration#模块系统">模块系统</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-registration#在模块系统中局部注册">在模块系统中局部注册</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-registration#基础组件的自动化全局注册">基础组件的自动化全局注册</a>
		</li>
	</ul>
</ul>
		</li>

    <li id="components-props" class="sidebar-menu">
			<i class="">＋</i>
			<a href="/Vue/components-props" class="sidebar-link">Prop</a>  
<ul class="menu-sub">
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-props#Prop-的大小写-camelCase-vs-kebab-case">Prop 的大小写</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-props#Prop-类型">Prop 类型</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-props#传递静态或动态-Prop">传递静态或动态 Prop</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#传入一个数字">传入一个数字</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#传入一个布尔值">传入一个布尔值</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#传入一个数组">传入一个数组</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#传入一个对象">传入一个对象</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#传入一个对象的所有属性">传入一个对象的所有属性</a>
		</li>
	</ul>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-props#单向数据流">单向数据流</a>
	</li>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-props#Prop-验证">Prop 验证</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#类型检查">类型检查</a>
		</li>
	</ul>
	<li>
		<a class="section-link" data-scroll="" href="/Vue/components-props#非-Prop-的特性">非 Prop 的特性</a>
	</li>
	<ul>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#替换-合并已有的特性">替换/合并已有的特性</a>
		</li>
		<li>
			<a class="section-link" data-scroll="" href="/Vue/components-props#禁用特性继承">禁用特性继承</a>
		</li>
	</ul>
</ul>
		</li>

    <li id="components-custom-events" class="sidebar-menu">
			<i class="">＋</i>
			<a href="/Vue/components-custom-events" class="sidebar-link">自定义事件</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-custom-events#事件名">事件名</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-custom-events#自定义组件的-v-model">自定义组件的 v-model</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-custom-events#将原生事件绑定到组件">将原生事件绑定到组件</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-custom-events#sync-修饰符">.sync 修饰符</a>
				</li>
			</ul>
		</li>

    <li id="components-slots" class="sidebar-menu">
			<i class="">＋</i>
			<a href="/Vue/components-slots" class="sidebar-link">插槽</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-slots#插槽内容">插槽内容</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-slots#具名插槽">具名插槽</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-slots#插槽的默认内容">插槽的默认内容</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-slots#编译作用域">编译作用域</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-slots#作用域插槽">作用域插槽</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-slots#解构-slot-scope">解构 slot-scope</a>
					</li>
				</ul>
			</ul>
		</li>

    <li id="components-dynamic-async" class="sidebar-menu">
			<i class="">＋</i>
			<a href="/Vue/components-dynamic-async" class="sidebar-link">动态组件 &amp; 异步组件</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-dynamic-async#在动态组件上使用-keep-alive">在动态组件上使用 keep-alive</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-dynamic-async#异步组件">异步组件</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-dynamic-async#处理加载状态">处理加载状态</a>
					</li>
				</ul>
			</ul>
		</li>
		
    <li id="components-edge-cases" class="sidebar-menu">
			<i class="">＋</i>
			<a href="/Vue/components-edge-cases" class="sidebar-link">处理边界情况</a>  
			<ul class="menu-sub">
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#访问元素-amp-组件">访问元素 &amp; 组件</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#访问根实例">访问根实例</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#访问父级组件实例">访问父级组件实例</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#访问子组件实例或子元素">访问子组件实例或子元素</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#依赖注入">依赖注入</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#程序化的事件侦听器">程序化的事件侦听器</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#循环引用">循环引用</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#递归组件">递归组件</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#组件之间的循环引用">组件之间的循环引用</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#模板定义的替代品">模板定义的替代品</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#内联模板">内联模板</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#X-Templates">X-Templates</a>
					</li>
				</ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#控制更新">控制更新</a>
				</li>
				<ul>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#强制更新">强制更新</a>
					</li>
					<li>
						<a class="section-link" data-scroll="" href="/Vue/components-edge-cases#通过-v-once-创建低开销的静态组件">通过 v-once 创建低开销的静态组件</a>
					</li>
				</ul>
			</ul>
		</li>


		
		<li><h3>Axios http请求</h3></li>
    <li id="axios" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/axios" class="sidebar-link">Axios 使用说明</a>
    </li>



		<li><h3>过渡 & 动画</h3></li>
    <li id="transitions" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/transitions" tppabs="https://cn.vuejs.org/v2/guide/transitions.html" class="sidebar-link">进入/离开 & 列表过渡</a>
		 <ul class="menu-sub">
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#概述">概述</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#单元素-组件的过渡">单元素/组件的过渡</a>
			</li>
			<ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#过渡的类名">过渡的类名</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#CSS-过渡">CSS 过渡</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#CSS-动画">CSS 动画</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#自定义过渡的类名">自定义过渡的类名</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#同时使用过渡和动画">同时使用过渡和动画</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#显性的过渡持续时间">显性的过渡持续时间</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#JavaScript-钩子">JavaScript 钩子</a>
				</li>
			</ul>
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#初始渲染的过渡">初始渲染的过渡</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#多个元素的过渡">多个元素的过渡</a>
			</li>
			<ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#过渡模式">过渡模式</a>
				</li>
			</ul>
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#多个组件的过渡">多个组件的过渡</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#列表过渡">列表过渡</a>
			</li>
			<ul>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#列表的进入-离开过渡">列表的进入/离开过渡</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#列表的排序过渡">列表的排序过渡</a>
				</li>
				<li>
					<a class="section-link" data-scroll="" href="/Vue/transitions#列表的交错过渡">列表的交错过渡</a>
				</li>
			</ul>
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#可复用的过渡">可复用的过渡</a>
			</li>
			<li>
				<a class="section-link" data-scroll="" href="/Vue/transitions#动态过渡">动态过渡</a>
			</li>
		</ul>
    </li>

    <li id="transitioning-state" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/transitioning-state" tppabs="https://cn.vuejs.org/v2/guide/transitioning-state.html" class="sidebar-link">状态过渡</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="/Vue/transitioning-state#状态动画与侦听器">状态动画与侦听器</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/transitioning-state#动态状态过渡">动态状态过渡</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/transitioning-state#把过渡放到组件里">把过渡放到组件里</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="/Vue/transitioning-state#赋予设计以生命">赋予设计以生命</a>
  </li>
</ul>
    </li>


      
		<li><h3>可复用性 & 组合</h3></li>
    <li id="mixins" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/mixins" tppabs="https://cn.vuejs.org/v2/guide/mixins.html" class="sidebar-link">混入</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#基础">基础</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#选项合并">选项合并</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#全局混入">全局混入</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#自定义选项合并策略">自定义选项合并策略</a>
  </li>
</ul>
    </li>

    <li id="custom-directive" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/custom-directive" tppabs="https://cn.vuejs.org/v2/guide/custom-directive.html" class="sidebar-link">自定义指令</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#简介">简介</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#钩子函数">钩子函数</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#钩子函数参数">钩子函数参数</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#函数简写">函数简写</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#对象字面量">对象字面量</a>
  </li>
</ul>
    </li>

    <li id="render-function" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/render-function" tppabs="https://cn.vuejs.org/v2/guide/render-function.html" class="sidebar-link">渲染函数 & JSX</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#基础">基础</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#节点、树以及虚拟-DOM">节点、树以及虚拟 DOM</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#虚拟-DOM">虚拟 DOM</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#createElement-参数">createElement 参数</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#深入-data-对象">深入 data 对象</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#完整示例">完整示例</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#约束">约束</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#使用-JavaScript-代替模板功能">使用 JavaScript 代替模板功能</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-if-和-v-for">v-if 和 v-for</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-model">v-model</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#事件-amp-按键修饰符">事件 &amp; 按键修饰符</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#插槽">插槽</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#JSX">JSX</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#函数式组件">函数式组件</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#向子元素或子组件传递特性和事件">向子元素或子组件传递特性和事件</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#slots-和-children-对比">slots() 和 children 对比</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#模板编译">模板编译</a>
  </li>
</ul>
    </li>

    <li id="plugins" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/plugins" tppabs="https://cn.vuejs.org/v2/guide/plugins.html" class="sidebar-link">插件</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#使用插件">使用插件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#开发插件">开发插件</a>
  </li>
</ul>
    </li>

    <li id="filters" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/filters" tppabs="https://cn.vuejs.org/v2/guide/filters.html" class="sidebar-link">过滤器</a>
			<ul class="menu-sub"></ul>
    </li>
    
    <li id="deployment" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/deployment" tppabs="https://cn.vuejs.org/v2/guide/deployment.html" class="sidebar-link">生产环境部署</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#开启生产环境模式">开启生产环境模式</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#不使用构建工具">不使用构建工具</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#使用构建工具">使用构建工具</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#模板预编译">模板预编译</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#提取组件的-CSS">提取组件的 CSS</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#跟踪运行时错误">跟踪运行时错误</a>
  </li>
</ul>
    </li>

    <li id="single-file-components" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/single-file-components" tppabs="https://cn.vuejs.org/v2/guide/single-file-components.html" class="sidebar-link">单文件组件</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#介绍">介绍</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#怎么看待关注点分离？">怎么看待关注点分离？</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#起步">起步</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#例子沙箱">例子沙箱</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#针对刚接触-JavaScript-模块开发系统的用户">针对刚接触 JavaScript 模块开发系统的用户</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#针对高级用户">针对高级用户</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="unit-testing" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/unit-testing" tppabs="https://cn.vuejs.org/v2/guide/unit-testing.html" class="sidebar-link">单元测试</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#配置和工具">配置和工具</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#简单的断言">简单的断言</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#编写可被测试的组件">编写可被测试的组件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#断言异步更新">断言异步更新</a>
  </li>
</ul>
    </li>

    <li id="typescript" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/typescript" tppabs="https://cn.vuejs.org/v2/guide/typescript.html" class="sidebar-link">TypeScript 支持</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#发布为-NPM-包的官方声明文件">发布为 NPM 包的官方声明文件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#推荐配置">推荐配置</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#开发工具链">开发工具链</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#工程创建">工程创建</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#编辑器支持">编辑器支持</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#基本用法">基本用法</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#基于类的-Vue-组件">基于类的 Vue 组件</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#增强类型以配合插件使用">增强类型以配合插件使用</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#标注返回值">标注返回值</a>
  </li>
</ul>
    </li>


      
		<li><h3>规模化</h3></li>
    <li id="routing" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/routing" tppabs="https://cn.vuejs.org/v2/guide/routing.html" class="sidebar-link">路由</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#官方路由">官方路由</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#从零开始简单的路由">从零开始简单的路由</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#整合第三方路由">整合第三方路由</a>
  </li>
</ul>
    </li>

    <li id="state-management" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/state-management" tppabs="https://cn.vuejs.org/v2/guide/state-management.html" class="sidebar-link">状态管理</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#类-Flux-状态管理的官方实现">类 Flux 状态管理的官方实现</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#React-的开发者请参考以下信息">React 的开发者请参考以下信息</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#简单状态管理起步使用">简单状态管理起步使用</a>
  </li>
</ul>
    </li>

    <li id="ssr" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/ssr" tppabs="https://cn.vuejs.org/v2/guide/ssr.html" class="sidebar-link">服务端渲染</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#SSR-完全指南">SSR 完全指南</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Nuxt-js">Nuxt.js</a>
  </li>
</ul>
    </li>


      
		<li><h3>内在</h3></li>
    <li id="reactivity" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/reactivity" tppabs="https://cn.vuejs.org/v2/guide/reactivity.html" class="sidebar-link">深入响应式原理</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#如何追踪变化">如何追踪变化</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#检测变化的注意事项">检测变化的注意事项</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#声明响应式属性">声明响应式属性</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#异步更新队列">异步更新队列</a>
  </li>
</ul>
    </li>

    <li id="migration" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/migration" tppabs="https://cn.vuejs.org/v2/guide/migration.html" class="sidebar-link">从 Vue 1.x 迁移</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#FAQ">FAQ</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#模板">模板</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#片段实例-移除">片段实例</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#生命周期钩子函数">生命周期钩子函数</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#beforeCompile-移除">beforeCompile</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#compiled-替换">compiled</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#attached-移除">attached</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#detached-移除">detached</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#init-重新命名">init</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#ready-替换">ready</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#v-for">v-for</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-for-遍历数组时的参数顺序-变更">v-for 遍历数组时的参数顺序</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-for-遍历对象时的参数顺序-变更">v-for 遍历对象时的参数顺序</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#index-and-key-移除">$index and $key</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#track-by-替换">track-by</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-for-范围值-变更">v-for 范围值</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Props">Props</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#coerce-Prop-的参数-移除">coerce Prop 的参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#twoWay-Prop-的参数-移除">twoWay Prop 的参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-bind-的-once和-sync-修饰符-移除">v-bind 的 .once和.sync 修饰符</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#修改-Props-弃用">修改 Props</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#根实例的-Props-替换">根实例的 Props</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#计算属性">计算属性</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#cache-false-弃用">cache: false</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Built-In-指令">Built-In 指令</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-bind-真-假值-变更">v-bind 真/假值</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#用-v-on-监听原生事件-变更">用 v-on 监听原生事件</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#带有-debounce-的-v-model移除">带有 debounce 的 v-model</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#使用-lazy-或者-number-参数的-v-model-。替换">使用 lazy 或者 number 参数的 v-model 。</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#使用内联-value的v-model-移除">使用内联 value的v-model</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-model-with-v-for-Iterated-Primitive-Values-移除">v-model with v-for Iterated Primitive Values</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#带有-important-的v-bind-style-移除">带有 !important 的v-bind:style</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-el-和v-ref-替换">v-el 和v-ref</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-show后面使用v-else-移除">v-show后面使用v-else</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#自定义指令-简化">自定义指令</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#指令-literal-修饰符-移除">指令 .literal 修饰符</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#过渡">过渡</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#transition-参数-替换">transition 参数</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#可复用的过渡-Vue-transition-替换">可复用的过渡 Vue.transition</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#过渡的-stagger-参数-移除">过渡的 stagger 参数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#事件">事件</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#events-选项-移除">events 选项</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-directive-39-on-39-keyCodes-替换">Vue.directive('on').keyCodes</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#dispatch-和-broadcast-替换">$dispatch 和 $broadcast</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#过滤器">过滤器</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#插入文本之外的过滤器-移除">插入文本之外的过滤器</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#过滤器参数符号-变更">过滤器参数符号</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#内置文本过滤器-移除">内置文本过滤器</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#双向过滤器-替换">双向过滤器</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#插槽">插槽</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#重名的插槽-移除">重名的插槽</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#slot-样式参数-移除">slot 样式参数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#特殊属性">特殊属性</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#keep-alive-属性-替换">keep-alive 属性</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#计算插值">计算插值</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#属性内部的计算插值-移除">属性内部的计算插值</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#HTML-计算插值-移除">HTML 计算插值</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#单次绑定替换">单次绑定</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#响应">响应</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#vm-watch-changed">vm.$watch</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-set-变更">vm.$set</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-delete-变更">vm.$delete</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Array-prototype-set-弃用">Array.prototype.$set</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Array-prototype-remove-移除">Array.prototype.$remove</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-实例上的Vue-set-和-Vue-delete移除">Vue 实例上的Vue.set 和 Vue.delete</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#替换-vm-data-移除">替换 vm.$data</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-get-移除">vm.$get</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#围绕-DOM-的实例方法">围绕 DOM 的实例方法</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#vm-appendTo-移除">vm.$appendTo</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-before-移除">vm.$before</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-after-移除">vm.$after</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-remove-移除">vm.$remove</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#底层实例方法">底层实例方法</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#vm-eval-移除">vm.$eval</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-interpolate-移除">vm.$interpolate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#vm-log-移除">vm.$log</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#实例-DOM-选项">实例 DOM 选项</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#replace-false-移除">replace: false</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#全局配置">全局配置</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-debug-移除">Vue.config.debug</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-async-移除">Vue.config.async</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-delimiters-替换">Vue.config.delimiters</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-config-unsafeDelimiters-移除">Vue.config.unsafeDelimiters</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#全局-API">全局 API</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#带-el-的-Vue-extend-移除">带 el 的 Vue.extend</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-elementDirective-移除">Vue.elementDirective</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Vue-partial-移除">Vue.partial</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="migration-vue-router" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/migration-vue-router" tppabs="https://cn.vuejs.org/v2/guide/migration-vue-router.html" class="sidebar-link">从 Vue Router 0.7.x 迁移</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#Router-初始化">Router 初始化</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#router-start-替换">router.start</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Route-定义">Route 定义</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#router-map-替换">router.map</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-on-移除">router.on</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-beforeEach-changed">router.beforeEach</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#subRoutes-换名">subRoutes</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-redirect-替换">router.redirect</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#router-alias-替换">router.alias</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#任意的-Route-属性-替换">任意的 Route 属性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#URL-中的-Query-数组-语法-移除">URL 中的 Query 数组 [] 语法</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Route-匹配">Route 匹配</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#一个或者更多的命名参数-改变">一个或者更多的命名参数</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#链接">链接</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#v-link-替换">v-link</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#v-link-active-替换">v-link-active</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#编程导航">编程导航</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#router-go-改变">router.go</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#路由选择：Modes">路由选择：Modes</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#hashbang-false-移除">hashbang: false</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#history-true-替换">history: true</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#abstract-true-替换">abstract: true</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#路由选项：Misc">路由选项：Misc</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#saveScrollPosition-替换">saveScrollPosition</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#root-换名">root</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#transitionOnLoad-移除">transitionOnLoad</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#suppressTransitionError-移除">suppressTransitionError</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#路由挂钩">路由挂钩</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#activate-替换">activate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#canActivate-替换">canActivate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#deactivate-移除">deactivate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#canDeactivate-替换">canDeactivate</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#canReuse-false-移除">canReuse: false</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#data-替换">data</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#loadingRouteData-移除">$loadingRouteData</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="migration-vuex" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/migration-vuex" tppabs="https://cn.vuejs.org/v2/guide/migration-vuex.html" class="sidebar-link">从 Vuex 0.6.x 迁移到 1.0</a>
<ul class="menu-sub">
  <li>
    <a class="section-link active" data-scroll="" href="#带字符串属性路径的-store-watch-替换">带字符串属性路径的 store.watch</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Store-的事件触发器-移除">Store 的事件触发器</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#中间件-替换">中间件</a>
  </li>
</ul>
    </li>
      
      
		<li><h3>更多</h3></li>
    <li id="comparison" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/comparison" tppabs="https://cn.vuejs.org/v2/guide/comparison.html" class="sidebar-link">对比其他框架</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#React">React</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#运行时性能">运行时性能</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#HTML-amp-CSS">HTML &amp; CSS</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#规模">规模</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#原生渲染">原生渲染</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#MobX">MobX</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#Preact-和其它类-React-库">Preact 和其它类 React 库</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#AngularJS-Angular-1">AngularJS</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#复杂性">复杂性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#灵活性和模块化">灵活性和模块化</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#数据绑定">数据绑定</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#指令与组件">指令与组件</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#运行时性能-1">运行时性能</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Angular-原本的-Angular-2">Angular</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#TypeScript">TypeScript</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#运行时性能-2">运行时性能</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#体积">体积</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#灵活性">灵活性</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#学习曲线">学习曲线</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#Ember">Ember</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Knockout">Knockout</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Polymer">Polymer</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#Riot">Riot</a>
  </li>
</ul>
    </li>

    <li id="join" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/join" tppabs="https://cn.vuejs.org/v2/guide/join.html" class="sidebar-link">加入 Vue.js 社区</a>
<ul class="menu-sub">
  <li>
    <a class="section-link" data-scroll="" href="#您将享有的资源">您将享有的资源</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#行为规范">行为规范</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#获取帮助">获取帮助</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#探索生态">探索生态</a>
    </li>
  </ul>
  <li>
    <a class="section-link" data-scroll="" href="#您可以参与的方式">您可以参与的方式</a>
  </li>
  <ul>
    <li>
      <a class="section-link" data-scroll="" href="#贡献代码">贡献代码</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#分享-并积累-您的经验">分享 (并积累) 您的经验</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#翻译文档">翻译文档</a>
    </li>
    <li>
      <a class="section-link" data-scroll="" href="#成为社区领袖">成为社区领袖</a>
    </li>
  </ul>
</ul>
    </li>

    <li id="team" class="sidebar-menu">
			<i class="">＋</i>
      <a href="/Vue/team" tppabs="https://cn.vuejs.org/v2/guide/team.html" class="sidebar-link">认识团队</a>
<ul class="menu-sub">
  <li>
    <a class="section-link active" data-scroll="" href="#the-core-team">核心团队</a>
  </li>
  <li>
    <a class="section-link" data-scroll="" href="#community-partners">社区伙伴</a>
  </li>
</ul>
    </li>
</ul>

			</div>
		</div>
	</div>

	 
<div class="content guide with-sidebar team-guide">
  
    
      <div id="ad">
  <!-- <script
    async
    type="text/javascript"
    src="//cdn.carbonads.com/carbon.js?serve=CKYIK2QU&placement=vuejsorg"
    id="_carbonads_js">
  </script> -->
  <a href="https://studio.qcloud.coding.net/campaign/favorite-plugins/?utm_source=vue.js&amp;utm_content=ad1116" target="_blank">
    <img src="/images/coding-net-ad.jpg">
  </a>
</div>

    
  
  
    <h1>认识团队</h1>
  
  
    
<script id="vuer-profile-template" type="text/template">
  <div class="vuer">
    <div class="avatar">
      <img v-if="profile.github"
        :src="'https://github.com/' + profile.github + '.png'"
        :alt="profile.name" width=80 height=80>
    </div>
    <div class="profile">
      <h3 :data-official-title="profile.title">
        {{ profile.name }}
        <sup v-if="profile.title && titleVisible" v-html="profile.title"></sup>
      </h3>
      <dl>
        <template v-if="profile.reposOfficial">
          <dt>Core focus</dt>
          <dd>
            <ul>
              <li v-for="repo in profile.reposOfficial">
                <a :href="githubUrl('vuejs', repo)" target=_blank>{{ repo.name || repo }}</a>
              </li>
            </ul>
          </dd>
        </template>
        <template v-if="profile.github && profile.reposPersonal">
          <dt>Ecosystem</dt>
          <dd>
            <ul>
              <li v-for="repo in profile.reposPersonal">
                <a :href="githubUrl(profile.github, repo)" target=_blank>{{ repo.name || repo }}</a>
              </li>
            </ul>
          </dd>
        </template>
        <template v-if="profile.work">
          <dt>
            <i class="fa fa-briefcase"></i>
            <span class="sr-only">Work</span>
          </dt>
          <dd v-html="workHtml"></dd>
        </template>
        <span v-if="profile.distanceInKm" class="distance">
          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">Distance</span>
          </dt>
          <dd>
            About
            <span
              v-if="profile.distanceInKm <= 150"
              :title="profile.name + ' is close enough to commute to your location.'"
              class="user-match"
            >{{ textDistance }} away</span>
            <template v-else>{{ textDistance }} away</template>
            in {{ profile.city }}
          </dd>
        </span>
        <template v-else-if="profile.city">
          <dt>
            <i class="fa fa-map-marker"></i>
            <span class="sr-only">City</span>
          </dt>
          <dd>
            {{ profile.city }}
          </dd>
        </template>
        <template v-if="profile.languages">
          <dt>
            <i class="fa fa-globe"></i>
            <span class="sr-only">Languages</span>
          </dt>
          <dd v-html="languageListHtml" class="language-list"></dd>
        </template>
        <template v-if="profile.links">
          <dt>
            <i class="fa fa-link"></i>
            <span class="sr-only">Links</span>
          </dt>
          <dd>
            <ul>
              <li v-for="link in profile.links">
                <a :href="link" target=_blank>{{ minimizeLink(link) }}</a>
              </li>
            </ul>
          </dd>
        </template>
        <footer v-if="hasSocialLinks" class="social">
          <a class=github v-if="profile.github" :href="githubUrl(profile.github)">
            <i class="fa fa-github"></i>
            <span class="sr-only">Github</span>
          </a>
          <a class=twitter v-if="profile.twitter" :href="'https://twitter.com/' + profile.twitter">
            <i class="fa fa-twitter"></i>
            <span class="sr-only">Twitter</span>
          </a>
          <a class=codepen v-if="profile.codepen" :href="'https://codepen.io/' + profile.codepen">
            <i class="fa fa-codepen"></i>
            <span class="sr-only">CodePen</span>
          </a>
        </footer>
      </dl>
    </div>
  </div>
</script>

<div id="team-members"><div class="team"><h2 id="the-core-team">
      核心团队
      <button class="sort-by-distance-button"><i class="fa fa-map-marker"></i> <span>谁在我附近</span></button></h2> <!----> <p>
      Vue 的研发及其生态建设出自一个国际化的团队，这里会展示其中部分团队成员的信息。
    </p> <!----> <div class="vuer"><div class="avatar"><img src="https://github.com/yyx990803.png" alt="Evan You" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Benevolent Dictator For Life">
        Evan You
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs" target="_blank">vuejs/*</a></li><li><a href="https://github.com/vuejs-templates" target="_blank">vuejs-templates/*</a></li></ul></dd> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Creator @ Vue.js</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Jersey City, NJ, USA
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="Evan You can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://www.patreon.com/evanyou" target="_blank">patreon.com/evanyou</a></li></ul></dd> <footer class="social"><a href="https://github.com/yyx990803/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/youyuxi" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/kazupon.png" alt="Kazupon" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Validated Internationalizing Missionary">
        Kazupon
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vuejs.org" target="_blank">vuejs.org</a></li><li><a href="https://github.com/vuejs/jp.vuejs.org" target="_blank">jp.vuejs.org</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/kazupon/vue-i18n" target="_blank">vue-i18n</a></li><li><a href="https://github.com/kazupon/vue-cli-plugin-i18n" target="_blank">vue-cli-plugin-i18n</a></li><li><a href="https://github.com/kazupon/vue-i18n-loader" target="_blank">vue-i18n-loader</a></li><li><a href="https://github.com/kazupon/vue-i18n-extensions" target="_blank">vue-i18n-extensions</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>CTO &amp; Full Stack Developer</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Tokyo, Japan
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>日本語</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://www.patreon.com/kazupon" target="_blank">patreon.com/kazupon</a></li><li><a href="https://cuusoo.com" target="_blank">cuusoo.com</a></li><li><a href="http://frapwings.jp" target="_blank">frapwings.jp</a></li></ul></dd> <footer class="social"><a href="https://github.com/kazupon/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/kazu_pon" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/atomaka.png" alt="Andrew Tomaka" width="80" height="80"></div> <div class="profile"><h3 data-official-title="The Server Server">
        Andrew Tomaka
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs" target="_blank">vuejs/*</a></li></ul></dd> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd><a href="https://msu.edu/" target="_blank" rel="noopener noreferrer">Michigan State University</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            East Lansing, MI, USA
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://atomaka.com/" target="_blank">atomaka.com</a></li></ul></dd> <footer class="social"><a href="https://github.com/atomaka/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/atomaka" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/gebilaoxiong.png" alt="gebilaoxiong" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Issue Annihilator">
        gebilaoxiong
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue" target="_blank">vue</a></li></ul></dd> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd><a href="http://www.zbj.com/" target="_blank" rel="noopener noreferrer">zbj.com</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Chongqing, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="gebilaoxiong can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/gebilaoxiong/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <!----> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/chrisvfritz.png" alt="Chris Fritz" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Good Word Putter-Togetherer">
        Chris Fritz
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vuejs.org" target="_blank">vuejs.org</a></li><li><a href="https://github.com/vuejs/vue-migration-helper" target="_blank">vue-migration-helper</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/chrisvfritz/vue-2.0-simple-routing-example" target="_blank">vue-2.0-simple-routing-example</a></li><li><a href="https://github.com/chrisvfritz/vue-ssr-demo-simple" target="_blank">vue-ssr-demo-simple</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Educator &amp; Consultant</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Lansing, MI, USA
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li><li>Deutsch</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://www.patreon.com/chrisvuefritz" target="_blank">patreon.com/chrisvuefritz</a></li></ul></dd> <footer class="social"><a href="https://github.com/chrisvfritz/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/chrisvfritz" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/blake-newman.png" alt="Blake Newman" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Performance Specializer &amp; Code Deleter">
        Blake Newman
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vuex" target="_blank">vuex</a></li><li><a href="https://github.com/vuejs/vue-router" target="_blank">vue-router</a></li><li><a href="https://github.com/vuejs/vue-loader" target="_blank">vue-loader</a></li></ul></dd> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Software Engineer @ <a href="https://www.askattest.com/" target="_blank" rel="noopener noreferrer">Attest</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            London, UK
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/blake-newman/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/blakenewman" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/sdras.png" alt="Sarah Drasner" width="80" height="80"></div> <div class="profile"><h3>
        Sarah Drasner
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/sdras/intro-to-vue" target="_blank">intro-to-vue</a></li><li><a href="https://github.com/sdras/vue-vscode-snippets" target="_blank">vue-vscode-snippets</a></li><li><a href="https://github.com/sdras/vue-sublime-snippets" target="_blank">vue-sublime-snippets</a></li><li><a href="https://github.com/sdras/nuxt-type" target="_blank">nuxt-type</a></li><li><a href="https://github.com/sdras/animating-vue-workshop" target="_blank">animating-vue-workshop</a></li><li><a href="https://github.com/sdras/cda-locale" target="_blank">cda-locale</a></li><li><a href="https://github.com/sdras/vue-weather-notifier" target="_blank">vue-weather-notifier</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Senior Cloud Developer Advocate @ <a href="https://www.microsoft.com/" target="_blank" rel="noopener noreferrer">Microsoft</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Denver, CO, USA
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/sdras/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/sarah_edo" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <a href="https://codepen.io/sdras" class="codepen"><i class="fa fa-codepen"></i> <span class="sr-only">CodePen</span></a></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/jinjiang.png" alt="Jinjiang" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Mobile Extrapolator">
        Jinjiang
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/cn.vuejs.org" target="_blank">cn.vuejs.org</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/apache/incubator-weex" target="_blank">apache/incubator-weex</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd><a href="https://www.alibaba.com/" target="_blank" rel="noopener noreferrer">Alibaba</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Hangzhou, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="Jinjiang can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/jinjiang/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/zhaojinjiang" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/ulivz.png" alt="ULIVZ" width="80" height="80"></div> <div class="profile"><h3>
        ULIVZ
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vuepress" target="_blank">vuepress</a></li></ul></dd> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Senior Frontend Developer @ <a href="https://www.antfin.com" target="_blank" rel="noopener noreferrer">AntFinancial</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Hangzhou, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="ULIVZ can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/ulivz/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/_ulivz" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/posva.png" alt="Eduardo" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Real-Time Rerouter">
        Eduardo
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vuefire" target="_blank">vuefire</a></li><li><a href="https://github.com/vuejs/vue-router" target="_blank">vue-router</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/posva/vuexfire" target="_blank">vuexfire</a></li><li><a href="https://github.com/posva/vue-mdc" target="_blank">vue-mdc</a></li><li><a href="https://github.com/posva/vue-motion" target="_blank">vue-motion</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Lead Instructor @ <a href="https://www.ironhack.com/" target="_blank" rel="noopener noreferrer">IronHack</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Paris, France
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Español</li><li>Français</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://www.codementor.io/posva" target="_blank">codementor.io/posva</a></li></ul></dd> <footer class="social"><a href="https://github.com/posva/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/posva" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/phanan.png" alt="Phan An" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Backend Designer &amp; Process Poet">
        Phan An
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vuejs.org" target="_blank">vuejs.org</a></li><li><a href="https://github.com/vuejs-vn/vuejs.org" target="_blank">vi.vuejs.org</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/phanan/vuequery" target="_blank">vuequery</a></li><li><a href="https://github.com/phanan/vue-google-signin-button" target="_blank">vue-google-signin-button</a></li></ul></dd> <!----> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Munich, Germany
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Tiếng Việt</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://phanan.net/" target="_blank">phanan.net</a></li></ul></dd> <footer class="social"><a href="https://github.com/phanan/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/notphanan" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/LinusBorg.png" alt="Linusborg" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Hive-Mind Community Wrangler (Probably a Bot)">
        Linusborg
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs" target="_blank">vuejs/*</a></li><li><a href="https://github.com/vuejs-templates" target="_blank">vuejs-templates/*</a></li><li><a href="https://github.com/vuejs/vue-touch" target="_blank">vue-touch</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/LinusBorg/portal-vue" target="_blank">portal-vue</a></li></ul></dd> <!----> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Mannheim, Germany
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Deutsch</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://forum.vuejs.org/" target="_blank">forum.vuejs.org</a></li></ul></dd> <footer class="social"><a href="https://github.com/LinusBorg/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/Linus_Borg" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/znck.png" alt="Rahul Kadyan" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Ecosystem Glue Chemist">
        Rahul Kadyan
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/rollup-plugin-vue" target="_blank">rollup-plugin-vue</a></li><li><a href="https://github.com/vuejs/vue-issue-helper" target="_blank">vue-issue-helper</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/znck/keynote" target="_blank">keynote</a></li><li><a href="https://github.com/znck/bootstrap-for-vue" target="_blank">bootstrap-for-vue</a></li><li><a href="https://github.com/znck/vue-interop" target="_blank">vue-interop</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Software Engineer @ <a href="https://www.myntra.com/" target="_blank" rel="noopener noreferrer">Myntra</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Bangalore, India
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>हिंदी</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://znck.me" target="_blank">znck.me</a></li><li><a href="https://www.codementor.io/znck" target="_blank">codementor.io/znck</a></li></ul></dd> <footer class="social"><a href="https://github.com/znck/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/znck0" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/ktsn.png" alt="Katashin" width="80" height="80"></div> <div class="profile"><h3 data-official-title="One of a Type State Manager">
        Katashin
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vuex" target="_blank">vuex</a></li><li><a href="https://github.com/vuejs/vue-class-component" target="_blank">vue-class-component</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/ktsn/vue-designer" target="_blank">vue-designer</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Software Engineer @ <a href="https://classdo.com" target="_blank" rel="noopener noreferrer">ClassDo</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Singapore
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>日本語</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/ktsn/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/ktsn" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/kingwl.png" alt="kingwl" width="80" height="80"></div> <div class="profile"><h3 data-official-title="New Bee">
        kingwl
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue" target="_blank">vue</a></li></ul></dd> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Software Development Engineer @ <a href="https://chaitin.cn/" target="_blank" rel="noopener noreferrer">Chaitin</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Beijing, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="kingwl can give technical talks in your preferred language.">中文</span></li></ul></dd> <!----> <footer class="social"><a href="https://github.com/kingwl/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <!----> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/Justineo.png" alt="GU Yiling" width="80" height="80"></div> <div class="profile"><h3>
        GU Yiling
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue" target="_blank">vue</a></li><li><a href="https://github.com/vuejs/cn.vuejs.org" target="_blank">cn.vuejs.org</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/Justineo/vue-awesome" target="_blank">Justineo/vue-awesome</a></li><li><a href="https://github.com/ecomfe/vue-echarts" target="_blank">ecomfe/vue-echarts</a></li><li><a href="https://github.com/ecomfe/veui" target="_blank">ecomfe/veui</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Senior web developer @ <a href="https://www.baidu.com/" target="_blank" rel="noopener noreferrer">Baidu, inc.</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Shanghai, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="GU Yiling can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/Justineo/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/_justineo" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/hootlex.png" alt="Alex Kyriakidis" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Vueducator Extraordinaire">
        Alex Kyriakidis
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/hootlex/vuejs-paginator" target="_blank">vuejs-paginator</a></li><li><a href="https://github.com/vuedo/vuedo" target="_blank">vuedo/vuedo</a></li><li><a href="https://github.com/hootlex/the-majesty-of-vuejs-2" target="_blank">the-majesty-of-vuejs-2</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Consultant / Author</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Thessaloniki, Greece
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Ελληνικά</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://vuejsfeed.com/" target="_blank">vuejsfeed.com</a></li><li><a href="https://vueschool.io/" target="_blank">vueschool.io</a></li></ul></dd> <footer class="social"><a href="https://github.com/hootlex/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/hootlex" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/fnlctrl.png" alt="Alan Song" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Regent of Routing">
        Alan Song
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue-router" target="_blank">vue-router</a></li></ul></dd> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Cofounder @ <a href="https://www.futurenda.com/" target="_blank" rel="noopener noreferrer">Futurenda</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Hangzhou, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="Alan Song can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/fnlctrl/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <!----> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/simplesmiler.png" alt="Denis Karabaza" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Director of Directives (Emoji-Human Hybrid)">
        Denis Karabaza
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/simplesmiler/vue-focus" target="_blank">vue-focus</a></li><li><a href="https://github.com/simplesmiler/vue-clickaway" target="_blank">vue-clickaway</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Software Engineer @ <a href="http://neolant.ru/" target="_blank" rel="noopener noreferrer">Neolant</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Dubna, Russia
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Русский</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="mailto:denis.karabaza@gmail.com" target="_blank">denis.karabaza@gmail.com</a></li></ul></dd> <footer class="social"><a href="https://github.com/simplesmiler/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/simplesmiler" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/shentao.png" alt="Damian Dulisz" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Dark Mage of Plugins, News, and Confs">
        Damian Dulisz
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/news.vuejs.org" target="_blank">news.vuejs.org</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/shentao/vue-multiselect" target="_blank">shentao/vue-multiselect</a></li><li><a href="https://github.com/shentao/vue-global-events" target="_blank">shentao/vue-global-events</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Consultant</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Wrocław, Poland
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Polski</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/shentao/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/DamianDulisz" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/defcc.png" alt="defcc" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Details Deity &amp; Bug Surgeon">
        defcc
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue" target="_blank">vue</a></li><li><a href="https://github.com/vuejs/vuejs.org" target="_blank">vuejs.org</a></li><li><a href="https://github.com/vuejs/cn.vuejs.org" target="_blank">cn.vuejs.org</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/weexteam/weex-vue-framework" target="_blank">weexteam/weex-vue-framework</a></li><li><a href="https://github.com/defcc/into-vue" target="_blank">into-vue</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd><a href="http://www.zbj.com/" target="_blank" rel="noopener noreferrer">zbj.com</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Chongqing, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="defcc can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/defcc/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <!----> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/Akryum.png" alt="Guillaume Chau" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Client-Server Astronaut">
        Guillaume Chau
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue-devtools" target="_blank">vue-devtools</a></li><li><a href="https://github.com/vuejs/vue-cli" target="_blank">vue-cli</a></li><li><a href="https://github.com/vuejs/vue-curated" target="_blank">vue-curated</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/Akryum/vue-apollo" target="_blank">vue-apollo</a></li><li><a href="https://github.com/Akryum/vue-meteor" target="_blank">vue-meteor</a></li><li><a href="https://github.com/Akryum/vue-virtual-scroller" target="_blank">vue-virtual-scroller</a></li><li><a href="https://github.com/Akryum/v-tooltip" target="_blank">v-tooltip</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Frontend Developer @ <a href="https://livestorm.co/" target="_blank" rel="noopener noreferrer">Livestorm</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Lyon, France
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Français</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="http://patreon.com/akryum" target="_blank">patreon.com/akryum</a></li></ul></dd> <footer class="social"><a href="https://github.com/Akryum/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/Akryum" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/eddyerburgh.png" alt="Edd Yerburgh" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Testatron Alpha 9000">
        Edd Yerburgh
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue-test-utils" target="_blank">vue-test-utils</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/eddyerburgh/avoriaz" target="_blank">avoriaz</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Full Stack Developer</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            London, UK
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://www.eddyerburgh.me" target="_blank">eddyerburgh.me</a></li></ul></dd> <footer class="social"><a href="https://github.com/eddyerburgh/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/EddYerburgh" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/egoist.png" alt="EGOIST" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Build Tool Simplificator">
        EGOIST
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/vue-cli" target="_blank">vue-cli</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/egoist/poi" target="_blank">poi</a></li><li><a href="https://github.com/egoist/ream" target="_blank">ream</a></li><li><a href="https://github.com/egoist/vue-play" target="_blank">vue-play</a></li></ul></dd> <!----> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Chengdu, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="EGOIST can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/egoist/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/_egoistlily" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/michalsnik.png" alt="Michał Sajnóg" width="80" height="80"></div> <div class="profile"><h3>
        Michał Sajnóg
        <!----></h3> <dl><dt>Core focus</dt> <dd><ul><li><a href="https://github.com/vuejs/eslint-plugin-vue" target="_blank">eslint-plugin-vue</a></li><li><a href="https://github.com/vuejs/vue-devtools" target="_blank">vue-devtools</a></li></ul></dd> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/michalsnik/vue-computed-helpers" target="_blank">vue-computed-helpers</a></li><li><a href="https://github.com/michalsnik/vue-content-placeholders" target="_blank">vue-content-placeholders</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Senior Frontend Developer / Team Leader @ <a href="https://netguru.co/" target="_blank" rel="noopener noreferrer">Netguru</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Poznań, Poland
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Polski</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/michalsnik/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/michalsnik" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div></div> <div class="team"><h2 id="community-partners">
      社区伙伴
      <button class="sort-by-distance-button"><i class="fa fa-map-marker"></i> <span>谁在我附近</span></button></h2> <!----> <p>
      一些 Vue 的社区成员让这里变得更加丰富多彩，有必要在此特别提及。我们与这些主要合作伙伴建立了更加亲密的关系，经常与他们就即将到来的功能和新闻展开协作。
    </p> <!----> <div class="vuer"><div class="avatar"><img src="https://github.com/gbezyuk.png" alt="Grigoriy Beziuk" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Translation Gang Leader">
        Grigoriy Beziuk
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/translation-gang/ru.vuejs.org" target="_blank">translation-gang/ru.vuejs.org</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Full Stack Web Developer @ <a href="http://gbezyuk.ru" target="_blank" rel="noopener noreferrer">Self Employed</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Moscow, Russia
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Русский</li><li>Deutsch</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/gbezyuk/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <!----> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/anthonygore.png" alt="Anthony Gore" width="80" height="80"></div> <div class="profile"><h3 data-official-title="">
        Anthony Gore
        <!----></h3> <dl><!----> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Author @ <a href="https://vuejsdevelopers.com/" target="_blank" rel="noopener noreferrer">Vue.js Developers</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Sydney, Australia
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://vuejsdevelopers.com" target="_blank">vuejsdevelopers.com</a></li></ul></dd> <footer class="social"><a href="https://github.com/anthonygore/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/anthonygore" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/Alex-Sokolov.png" alt="Alexander Sokolov" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Russian Translation Sharp Eye">
        Alexander Sokolov
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/translation-gang/ru.vuejs.org" target="_blank">translation-gang/ru.vuejs.org</a></li></ul></dd> <!----> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Krasnodar, Russia
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Русский</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/Alex-Sokolov/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <!----> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/pi0.png" alt="Pooya Parsa" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Nuxtification Modularizer">
        Pooya Parsa
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/nuxt/nuxt.js" target="_blank">nuxt/nuxt.js</a></li><li><a href="https://github.com/nuxt-community/modules" target="_blank">nuxt-community/modules</a></li><li><a href="https://github.com/bootstrap-vue/bootstrap-vue" target="_blank">bootstrap-vue/bootstrap-vue</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Technical Advisor @ <a href="https://fandogh.org" target="_blank" rel="noopener noreferrer">Fandogh (AUT University)</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Tehran, Iran
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>فارسی</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/pi0/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/_pi0_" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/alexjoverm.png" alt="Alex Jover" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Vue Components Squeezer">
        Alex Jover
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/alexjoverm/v-runtime-template" target="_blank">v-runtime-template</a></li><li><a href="https://github.com/alexjoverm/v-lazy-image" target="_blank">v-lazy-image</a></li><li><a href="https://github.com/alexjoverm/vue-testing-series" target="_blank">vue-testing-series</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Web, PWA and Performance Consultant @ Freelance</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Alicante, Spain
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Español</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://alexjover.com" target="_blank">alexjover.com</a></li></ul></dd> <footer class="social"><a href="https://github.com/alexjoverm/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/alexjoverm" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/vuetifyjs.png" alt="John Leider" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Vuetiful Framework Sculptor">
        John Leider
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/vuetifyjs/vuetify" target="_blank">vuetifyjs/vuetify</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Developer @ <a href="https://fastforwardacademy.com" target="_blank" rel="noopener noreferrer">Fast Forward Academy</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Orlando, FL, USA
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/vuetifyjs/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/vuetifyjs" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/rstoenescu.png" alt="Razvan Stoenescu" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Deep Space Quasar Creator">
        Razvan Stoenescu
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/quasarframework/quasar" target="_blank">quasarframework/quasar</a></li><li><a href="https://github.com/quasarframework/quasar-cli" target="_blank">quasarframework/quasar-cli</a></li><li><a href="https://github.com/quasarframework/quasar-play" target="_blank">quasarframework/quasar-play</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Developer @ <a href="http://quasar-framework.org/" target="_blank" rel="noopener noreferrer">Quasar Framework</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Bucharest, Romania
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Română</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/rstoenescu/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/quasarframework" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/NataliaTepluhina.png" alt="Natalia Tepluhina" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Fox Tech Guru">
        Natalia Tepluhina
        <!----></h3> <dl><!----> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>CTO @ Vue Vixens</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Kyiv, Ukraine
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Українська</li><li>Русский</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://vuevixens.org/" target="_blank">vuevixens.org</a></li></ul></dd> <footer class="social"><a href="https://github.com/NataliaTepluhina/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/N_Tepluhina" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/alexchopin.png" alt="Alexandre Chopin" width="80" height="80"></div> <div class="profile"><h3 data-official-title="#1 Nuxt Brother">
        Alexandre Chopin
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/nuxt" target="_blank">nuxt/*</a></li><li><a href="https://github.com/nuxt-community" target="_blank">nuxt-community/*</a></li><li><a href="https://github.com/alexchopin/vue-flexboxgrid" target="_blank">vue-flexboxgrid</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd><a href="https://orion.sh" target="_blank" rel="noopener noreferrer">Orion</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Bordeaux, France
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Français</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/alexchopin/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/_achopin" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/IsraelOrtuno.png" alt="Israel Ortuño" width="80" height="80"></div> <div class="profile"><h3 data-official-title="VueJobs Buccaneer">
        Israel Ortuño
        <!----></h3> <dl><!----> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Full Stack Web Developer @ Freelance</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Alicante, Spain
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Español</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://vuejobs.com" target="_blank">vuejobs.com</a></li></ul></dd> <footer class="social"><a href="https://github.com/IsraelOrtuno/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/IsraelOrtuno" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/Haeresis.png" alt="Bruno Lesieur" width="80" height="80"></div> <div class="profile"><h3 data-official-title="French Community Director">
        Bruno Lesieur
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/vuejs-fr" target="_blank">vuejs-fr/*</a></li><li><a href="https://github.com/Haeresis/node-atlas-hello-vue" target="_blank">Haeresis/node-atlas-hello-vue</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Cofounder @ <a href="https://www.orchard-id.com/" target="_blank" rel="noopener noreferrer">Orchard ID</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Annecy, France
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Français</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://node-atlas.js.org/" target="_blank">node-atlas.js.org</a></li><li><a href="https://blog.lesieur.name/" target="_blank">blog.lesieur.name</a></li></ul></dd> <footer class="social"><a href="https://github.com/Haeresis/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/ZetesEthique" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/ErickPetru.png" alt="Erick Petrucelli" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Perfectionist Chief Translator for Portuguese">
        Erick Petrucelli
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/vuejs-br/br.vuejs.org" target="_blank">vuejs-br/br.vuejs.org</a></li><li><a href="https://github.com/ErickPetru/vue-feathers-chat" target="_blank">ErickPetru/vue-feathers-chat</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Teacher @ <a href="http://www.fatectq.edu.br/" target="_blank" rel="noopener noreferrer">Fatec Taquaritinga</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Taquaritinga, Brazil
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Português</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/ErickPetru/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/erickpetru" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/changjoo-park.png" alt="ChangJoo Park" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Vuenthusiastic Korean Community Organizer">
        ChangJoo Park
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/vuejs-kr/kr.vuejs.org" target="_blank">vuejs-kr/kr.vuejs.org</a></li><li><a href="https://github.com/ChangJoo-Park/vue-component-generator" target="_blank">ChangJoo-Park/vue-component-generator</a></li></ul></dd> <!----> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Seoul, South Korea
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>한국어</li><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://vuejs-kr.github.io" target="_blank">vuejs-kr.github.io</a></li><li><a href="https://twitter.com/pcjpcj2" target="_blank">twitter.com/pcjpcj2</a></li></ul></dd> <footer class="social"><a href="https://github.com/changjoo-park/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/pcjpcj2" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/Atinux.png" alt="Sebastien Chopin" width="80" height="80"></div> <div class="profile"><h3 data-official-title="#1 Nuxt Brother">
        Sebastien Chopin
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/nuxt" target="_blank">nuxt/*</a></li><li><a href="https://github.com/nuxt-community" target="_blank">nuxt-community/*</a></li><li><a href="https://github.com/declandewet/vue-meta" target="_blank">declandewet/vue-meta</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd><a href="https://orion.sh" target="_blank" rel="noopener noreferrer">Orion</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Paris, France
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>Français</li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/Atinux/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/Atinux" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/Leopoldthecoder.png" alt="Yi Yang" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Interface Elementologist">
        Yi Yang
        <!----></h3> <dl><!----> <dt>Ecosystem</dt> <dd><ul><li><a href="https://github.com/elemefe/element" target="_blank">elemefe/element</a></li><li><a href="https://github.com/elemefe/mint-ui" target="_blank">elemefe/mint-ui</a></li></ul></dd> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd><a href="https://www.ele.me" target="_blank" rel="noopener noreferrer">ele.me</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Shanghai, China
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li><span class="user-match" title="Yi Yang can give technical talks in your preferred language.">中文</span></li><li>English</li></ul></dd> <!----> <footer class="social"><a href="https://github.com/Leopoldthecoder/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <!----> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/kharysharpe.png" alt="Khary Sharpe" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Viral Newscaster">
        Khary Sharpe
        <!----></h3> <dl><!----> <!----> <!----> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Kingston, Jamaica
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://twitter.com/VueJsNews" target="_blank">twitter.com/VueJsNews</a></li><li><a href="http://www.kharysharpe.com/" target="_blank">kharysharpe.com</a></li></ul></dd> <footer class="social"><a href="https://github.com/kharysharpe/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/kharysharpe" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/JillzTom.png" alt="Jilson Thomas" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Vue Promoter and VueJobs Guy">
        Jilson Thomas
        <!----></h3> <dl><!----> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>Senior Frontend Developer @ <a href="https://nominator.com/" target="_blank" rel="noopener noreferrer">Nominator</a></dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Toronto, Canada
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://vuejobs.com" target="_blank">vuejobs.com</a></li></ul></dd> <footer class="social"><a href="https://github.com/JillzTom/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/jilsonthomas" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div><div class="vuer"><div class="avatar"><img src="https://github.com/jlooper.png" alt="Jen Looper" width="80" height="80"></div> <div class="profile"><h3 data-official-title="Queen Fox">
        Jen Looper
        <!----></h3> <dl><!----> <!----> <dt><i class="fa fa-briefcase"></i> <span class="sr-only">Work</span></dt> <dd>CEO @ Vue Vixens</dd> <dt><i class="fa fa-map-marker"></i> <span class="sr-only">City</span></dt> <dd>
            Boston, MA, USA
          </dd> <dt><i class="fa fa-globe"></i> <span class="sr-only">Languages</span></dt> <dd class="language-list"><ul><li>English</li><li>Français</li></ul></dd> <dt><i class="fa fa-link"></i> <span class="sr-only">Links</span></dt> <dd><ul><li><a href="https://vuevixens.org/" target="_blank">vuevixens.org</a></li><li><a href="https://nativescript-vue.org/" target="_blank">nativescript-vue.org</a></li></ul></dd> <footer class="social"><a href="https://github.com/jlooper/" class="github"><i class="fa fa-github"></i> <span class="sr-only">Github</span></a> <a href="https://twitter.com/jenlooper" class="twitter"><i class="fa fa-twitter"></i> <span class="sr-only">Twitter</span></a> <!----></footer></dl></div></div></div></div>

<script>
(function () {
  var cityCoordsFor = {
    'Annecy, France': [45.899247, 6.129384],
    'Alicante, Spain' : [38.346543, -0.483838],
    'Bangalore, India': [12.971599, 77.594563],
    'Beijing, China': [39.904200, 116.407396],
    'Bordeaux, France': [44.837789, -0.579180],
    'Bucharest, Romania': [44.426767, 26.102538],
    'Chengdu, China': [30.572815, 104.066801],
    'Chongqing, China': [29.431586, 106.912251],
    'Denver, CO, USA': [39.739236, -104.990251],
    'Dubna, Russia': [56.732020, 37.166897],
    'East Lansing, MI, USA': [42.736979, -84.483865],
    'Hangzhou, China': [30.274084, 120.155070],
    'Jersey City, NJ, USA': [40.728157, -74.558716],
    'Kingston, Jamaica': [18.017874, -76.809904],
    'Krasnodar, Russia': [45.039267, 38.987221],
    'Lansing, MI, USA': [42.732535, -84.555535],
    'London, UK': [51.507351, -0.127758],
    'Lyon, France': [45.764043, 4.835659],
    'Mannheim, Germany': [49.487459, 8.466039],
    'Moscow, Russia': [55.755826, 37.617300],
    'Munich, Germany': [48.137154, 11.576124],
    'Orlando, FL, USA': [28.538335, -81.379236],
    'Paris, France': [48.856614, 2.352222],
    'Poznań, Poland': [52.4006553, 16.761583],
    'Seoul, South Korea': [37.566535, 126.977969],
    'Shanghai, China': [31.230390, 121.473702],
    'Singapore': [1.352083, 103.819839],
    'Sydney, Australia': [-33.868820, 151.209290],
    'Taquaritinga, Brazil': [-21.430094, -48.515285],
    'Tehran, Iran': [35.689197, 51.388974],
    'Thessaloniki, Greece': [40.640063, 22.944419],
    'Tokyo, Japan': [35.689487, 139.691706],
    'Toronto, Canada': [43.653226, -79.383184],
    'Wrocław, Poland': [51.107885, 17.038538],
    'Boston, MA, USA': [42.360081, -71.058884],
    'Kyiv, Ukraine': [50.450100, 30.523399]
  }
  var languageNameFor = {
    en: 'English',
    zh: '中文',
    vi: 'Tiếng Việt',
    pl: 'Polski',
    pt: 'Português',
    ru: 'Русский',
    jp: '日本語',
    fr: 'Français',
    de: 'Deutsch',
    el: 'Ελληνικά',
    es: 'Español',
    hi: 'हिंदी',
    fa: 'فارسی',
    ko: '한국어',
    ro: 'Română',
    uk: 'Українська'
  }

  var team = [{
    name: 'Evan You',
    title: 'Benevolent Dictator For Life',
    city: 'Jersey City, NJ, USA',
    languages: ['zh', 'en'],
    github: 'yyx990803',
    twitter: 'youyuxi',
    work: {
      role: 'Creator',
      org: 'Vue.js'
    },
    reposOfficial: [
      'vuejs/*', 'vuejs-templates/*'
    ],
    links: [
      'https://www.patreon.com/evanyou'
    ]
  }]

  team = team.concat(shuffle([
    {
      name: 'Chris Fritz',
      title: 'Good Word Putter-Togetherer',
      city: 'Lansing, MI, USA',
      languages: ['en', 'de'],
      github: 'chrisvfritz',
      twitter: 'chrisvfritz',
      work: {
        role: 'Educator & Consultant'
      },
      reposOfficial: [
        'vuejs.org', 'vue-migration-helper'
      ],
      reposPersonal: [
        'vue-2.0-simple-routing-example', 'vue-ssr-demo-simple'
      ],
      links: [
        'https://www.patreon.com/chrisvuefritz'
      ]
    },
    {
      name: 'Eduardo',
      title: 'Real-Time Rerouter',
      city: 'Paris, France',
      languages: ['es', 'fr', 'en'],
      github: 'posva',
      twitter: 'posva',
      work: {
        role: 'Lead Instructor',
        org: 'IronHack',
        orgUrl: 'https://www.ironhack.com/'
      },
      reposOfficial: [
        'vuefire', 'vue-router'
      ],
      reposPersonal: [
        'vuexfire', 'vue-mdc', 'vue-motion'
      ],
      links: [
        'https://www.codementor.io/posva'
      ]
    },
    {
      name: 'Jinjiang',
      title: 'Mobile Extrapolator',
      city: 'Hangzhou, China',
      languages: ['zh', 'en'],
      github: 'jinjiang',
      twitter: 'zhaojinjiang',
      work: {
        org: 'Alibaba',
        orgUrl: 'https://www.alibaba.com/'
      },
      reposOfficial: [
        'cn.vuejs.org'
      ],
      reposPersonal: [
        'apache/incubator-weex'
      ]
    },
    {
      name: 'EGOIST',
      title: 'Build Tool Simplificator',
      city: 'Chengdu, China',
      languages: ['zh', 'en'],
      github: 'egoist',
      twitter: '_egoistlily',
      reposOfficial: [
        'vue-cli'
      ],
      reposPersonal: [
        'poi', 'ream', 'vue-play'
      ]
    },
    {
      name: 'Katashin',
      title: 'One of a Type State Manager',
      city: 'Singapore',
      languages: ['jp', 'en'],
      work: {
        role: 'Software Engineer',
        org: 'ClassDo',
        orgUrl: 'https://classdo.com'
      },
      github: 'ktsn',
      twitter: 'ktsn',
      reposOfficial: [
        'vuex', 'vue-class-component'
      ],
      reposPersonal: [
        'vue-designer'
      ]
    },
    {
      name: 'Kazupon',
      title: 'Validated Internationalizing Missionary',
      city: 'Tokyo, Japan',
      languages: ['jp', 'en'],
      github: 'kazupon',
      twitter: 'kazu_pon',
      work: {
        role: 'CTO & Full Stack Developer'
      },
      reposOfficial: [
        'vuejs.org', 'jp.vuejs.org'
      ],
      reposPersonal: [
        'vue-i18n', 'vue-cli-plugin-i18n', 'vue-i18n-loader', 'vue-i18n-extensions'
      ],
      links: [
        'https://www.patreon.com/kazupon', 'https://cuusoo.com', 'http://frapwings.jp'
      ]
    },
    {
      name: 'Rahul Kadyan',
      title: 'Ecosystem Glue Chemist',
      city: 'Bangalore, India',
      languages: ['hi', 'en'],
      work: {
        role: 'Software Engineer',
        org: 'Myntra',
        orgUrl: 'https://www.myntra.com/'
      },
      github: 'znck',
      twitter: 'znck0',
      reposOfficial: [
        'rollup-plugin-vue', 'vue-issue-helper'
      ],
      reposPersonal: [
        'keynote', 'bootstrap-for-vue', 'vue-interop'
      ],
      links: [
        'https://znck.me', 'https://www.codementor.io/znck'
      ]
    },
    {
      name: 'Alan Song',
      title: 'Regent of Routing',
      city: 'Hangzhou, China',
      languages: ['zh', 'en'],
      work: {
        role: 'Cofounder',
        org: 'Futurenda',
        orgUrl: 'https://www.futurenda.com/'
      },
      github: 'fnlctrl',
      reposOfficial: [
        'vue-router'
      ]
    },
    {
      name: 'Blake Newman',
      title: 'Performance Specializer & Code Deleter',
      city: 'London, UK',
      languages: ['en'],
      work: {
        role: 'Software Engineer',
        org: 'Attest',
        orgUrl: 'https://www.askattest.com/'
      },
      github: 'blake-newman',
      twitter: 'blakenewman',
      reposOfficial: [
        'vuex', 'vue-router', 'vue-loader'
      ]
    },
    {
      name: 'Phan An',
      title: 'Backend Designer & Process Poet',
      city: 'Munich, Germany',
      languages: ['vi', 'en'],
      github: 'phanan',
      twitter: 'notphanan',
      reposOfficial: [
        'vuejs.org', {
          name: 'vi.vuejs.org',
          url: 'https://github.com/vuejs-vn/vuejs.org'
        }
      ],
      reposPersonal: [
        'vuequery', 'vue-google-signin-button'
      ],
      links: [
        'https://phanan.net/'
      ]
    },
    {
      name: 'Linusborg',
      title: 'Hive-Mind Community Wrangler (Probably a Bot)',
      city: 'Mannheim, Germany',
      languages: ['de', 'en'],
      github: 'LinusBorg',
      twitter: 'Linus_Borg',
      reposOfficial: [
        'vuejs/*', 'vuejs-templates/*', 'vue-touch'
      ],
      reposPersonal: [
        'portal-vue'
      ],
      links: [
        'https://forum.vuejs.org/'
      ]
    },
    {
      name: 'Denis Karabaza',
      title: 'Director of Directives (Emoji-Human Hybrid)',
      city: 'Dubna, Russia',
      languages: ['ru', 'en'],
      github: 'simplesmiler',
      twitter: 'simplesmiler',
      work: {
        role: 'Software Engineer',
        org: 'Neolant',
        orgUrl: 'http://neolant.ru/'
      },
      reposPersonal: [
        'vue-focus', 'vue-clickaway'
      ],
      links: [
        'mailto:denis.karabaza@gmail.com'
      ]
    },
    {
      name: 'Guillaume Chau',
      title: 'Client-Server Astronaut',
      city: 'Lyon, France',
      languages: ['fr', 'en'],
      github: 'Akryum',
      twitter: 'Akryum',
      work: {
        role: 'Frontend Developer',
        org: 'Livestorm',
        orgUrl: 'https://livestorm.co/'
      },
      reposOfficial: [
        'vue-devtools',
        'vue-cli',
        'vue-curated'
      ],
      reposPersonal: [
        'vue-apollo', 'vue-meteor', 'vue-virtual-scroller', 'v-tooltip'
      ],
      links: [
        'http://patreon.com/akryum'
      ]
    },
    {
      name: 'Edd Yerburgh',
      title: 'Testatron Alpha 9000',
      city: 'London, UK',
      languages: ['en'],
      github: 'eddyerburgh',
      twitter: 'EddYerburgh',
      work: {
        role: 'Full Stack Developer'
      },
      reposOfficial: [
        'vue-test-utils'
      ],
      reposPersonal: [
        'avoriaz'
      ],
      links: [
        'https://www.eddyerburgh.me'
      ]
    },
    {
      name: 'defcc',
      title: 'Details Deity & Bug Surgeon',
      city: 'Chongqing, China',
      languages: ['zh', 'en'],
      github: 'defcc',
      work: {
        org: 'zbj.com',
        orgUrl: 'http://www.zbj.com/'
      },
      reposOfficial: [
        'vue', 'vuejs.org', 'cn.vuejs.org'
      ],
      reposPersonal: [
        'weexteam/weex-vue-framework', 'into-vue'
      ]
    },
    {
      name: 'gebilaoxiong',
      title: 'Issue Annihilator',
      city: 'Chongqing, China',
      languages: ['zh', 'en'],
      github: 'gebilaoxiong',
      work: {
        org: 'zbj.com',
        orgUrl: 'http://www.zbj.com/'
      },
      reposOfficial: [
        'vue'
      ]
    },
    {
      name: 'Andrew Tomaka',
      title: 'The Server Server',
      city: 'East Lansing, MI, USA',
      languages: ['en'],
      github: 'atomaka',
      twitter: 'atomaka',
      reposOfficial: [
        'vuejs/*'
      ],
      work: {
        org: 'Michigan State University',
        orgUrl: 'https://msu.edu/'
      },
      links: [
        'https://atomaka.com/'
      ]
    },
    {
      name: 'Sarah Drasner',
      city: 'Denver, CO, USA',
      languages: ['en'],
      work: {
        role: 'Senior Cloud Developer Advocate',
        org: 'Microsoft',
        orgUrl: 'https://www.microsoft.com/'
      },
      github: 'sdras',
      twitter: 'sarah_edo',
      codepen: 'sdras',
      reposPersonal: [
        'intro-to-vue', 'vue-vscode-snippets', 'vue-sublime-snippets', 'nuxt-type', 'animating-vue-workshop', 'cda-locale', 'vue-weather-notifier'
      ]
    },
    {
      name: 'Damian Dulisz',
      title: 'Dark Mage of Plugins, News, and Confs',
      city: 'Wrocław, Poland',
      languages: ['pl', 'en'],
      github: 'shentao',
      twitter: 'DamianDulisz',
      work: {
        role: 'Consultant'
      },
      reposOfficial: [
        'news.vuejs.org'
      ],
      reposPersonal: [
        'shentao/vue-multiselect',
        'shentao/vue-global-events'
      ]
    },
    {
      name: 'kingwl',
      title: 'New Bee',
      city: 'Beijing, China',
      languages: ['zh'],
      work: {
        role: 'Software Development Engineer',
        org: 'Chaitin',
        orgUrl: 'https://chaitin.cn/'
      },
      github: 'kingwl',
      reposOfficial: [
        'vue'
      ]
    },
    {
      name: 'Alex Kyriakidis',
      title: 'Vueducator Extraordinaire',
      city: 'Thessaloniki, Greece',
      languages: ['el', 'en'],
      github: 'hootlex',
      twitter: 'hootlex',
      work: {
        role: 'Consultant / Author'
      },
      reposPersonal: [
        'vuejs-paginator', 'vuedo/vuedo', 'the-majesty-of-vuejs-2'
      ],
      links: [
        'https://vuejsfeed.com/', 'https://vueschool.io/'
      ]
    },
    {
      name: 'Michał Sajnóg',
      city: 'Poznań, Poland',
      languages: ['pl', 'en'],
      github: 'michalsnik',
      twitter: 'michalsnik',
      work: {
        role: 'Senior Frontend Developer / Team Leader',
        org: 'Netguru',
        orgUrl: 'https://netguru.co/'
      },
      reposOfficial: [
        'eslint-plugin-vue',
        'vue-devtools'
      ],
      reposPersonal: [
        'vue-computed-helpers', 'vue-content-placeholders'
      ]
    },
    {
      name: 'GU Yiling',
      city: 'Shanghai, China',
      languages: ['zh', 'en'],
      work: {
        role: 'Senior web developer',
        org: 'Baidu, inc.',
        orgUrl: 'https://www.baidu.com/'
      },
      github: 'Justineo',
      twitter: '_justineo',
      reposOfficial: [
        'vue', 'cn.vuejs.org'
      ],
      reposPersonal: [
        'Justineo/vue-awesome', 'ecomfe/vue-echarts', 'ecomfe/veui'
      ]
    },
    {
      name: 'ULIVZ',
      city: 'Hangzhou, China',
      languages: ['zh', 'en'],
      work: {
        role: 'Senior Frontend Developer',
        org: 'AntFinancial',
        orgUrl: 'https://www.antfin.com'
      },
      github: 'ulivz',
      twitter: '_ulivz',
      reposOfficial: [
        'vuepress'
      ]
    }
  ]))

  var partners = [
    {
      name: 'Jen Looper',
      title: 'Queen Fox',
      city: 'Boston, MA, USA',
      languages: ['en', 'fr'],
      work: {
        role: 'CEO',
        org: 'Vue Vixens'
      },
      github: 'jlooper',
      twitter: 'jenlooper',
      links: [
        'https://vuevixens.org/',
        'https://nativescript-vue.org/'
      ]
    },
    {
      name: 'Natalia Tepluhina',
      title: 'Fox Tech Guru',
      city: 'Kyiv, Ukraine',
      languages: ['uk', 'ru', 'en'],
      work: {
        role: 'CTO',
        org: 'Vue Vixens',
      },
      github: 'NataliaTepluhina',
      twitter: 'N_Tepluhina',
      links: [
        'https://vuevixens.org/'
      ]
    },
    {
      name: 'Alex Jover',
      title: 'Vue Components Squeezer',
      city: 'Alicante, Spain',
      languages: ['es', 'en'],
      work: {
        role: 'Web, PWA and Performance Consultant',
        org: 'Freelance'
      },
      github: 'alexjoverm',
      twitter: 'alexjoverm',
      reposPersonal: [
        'v-runtime-template', 'v-lazy-image', 'vue-testing-series'
      ],
      links: [
        'https://alexjover.com'
      ]
    },
    {
      name: 'Sebastien Chopin',
      title: '#1 Nuxt Brother',
      city: 'Paris, France',
      languages: ['fr', 'en'],
      github: 'Atinux',
      twitter: 'Atinux',
      work: {
        org: 'Orion',
        orgUrl: 'https://orion.sh'
      },
      reposPersonal: [
        'nuxt/*', 'nuxt-community/*', 'declandewet/vue-meta'
      ]
    },
    {
      name: 'Alexandre Chopin',
      title: '#1 Nuxt Brother',
      city: 'Bordeaux, France',
      languages: ['fr', 'en'],
      github: 'alexchopin',
      twitter: '_achopin',
      work: {
        org: 'Orion',
        orgUrl: 'https://orion.sh'
      },
      reposPersonal: [
        'nuxt/*', 'nuxt-community/*', 'vue-flexboxgrid'
      ]
    },
    {
      name: 'Khary Sharpe',
      title: 'Viral Newscaster',
      city: 'Kingston, Jamaica',
      languages: ['en'],
      github: 'kharysharpe',
      twitter: 'kharysharpe',
      links: [
        'https://twitter.com/VueJsNews',
        'http://www.kharysharpe.com/'
      ]
    },
    {
      name: 'Pooya Parsa',
      title: 'Nuxtification Modularizer',
      city: 'Tehran, Iran',
      languages: ['fa', 'en'],
      github: 'pi0',
      twitter: '_pi0_',
      work: {
        role: 'Technical Advisor',
        org: 'Fandogh (AUT University)',
        orgUrl: 'https://fandogh.org'
      },
      reposPersonal: [
        'nuxt/nuxt.js', 'nuxt-community/modules', 'bootstrap-vue/bootstrap-vue'
      ]
    },
    {
      name: 'Yi Yang',
      city: 'Shanghai, China',
      title: 'Interface Elementologist',
      languages: ['zh', 'en'],
      github: 'Leopoldthecoder',
      work: {
        org: 'ele.me',
        orgUrl: 'https://www.ele.me',
      },
      reposPersonal: [
        'elemefe/element', 'elemefe/mint-ui'
      ]
    },
    {
      name: 'Bruno Lesieur',
      title: 'French Community Director',
      city: 'Annecy, France',
      languages: ['fr', 'en'],
      github: 'Haeresis',
      twitter: 'ZetesEthique',
      work: {
        role: 'Cofounder',
        org: 'Orchard ID',
        orgUrl: 'https://www.orchard-id.com/'
      },
      reposPersonal: [
        'vuejs-fr/*', 'Haeresis/node-atlas-hello-vue'
      ],
      links: [
        'https://node-atlas.js.org/', 'https://blog.lesieur.name/'
      ]
    },
    {
      name: 'ChangJoo Park',
      title: 'Vuenthusiastic Korean Community Organizer',
      city: 'Seoul, South Korea',
      languages: ['ko', 'en'],
      github: 'changjoo-park',
      twitter: 'pcjpcj2',
      reposPersonal: [
        'vuejs-kr/kr.vuejs.org', 'ChangJoo-Park/vue-component-generator'
      ],
      links: [
        'https://vuejs-kr.github.io',
        'https://twitter.com/pcjpcj2'
      ]
    },
    {
      name: 'Erick Petrucelli',
      title: 'Perfectionist Chief Translator for Portuguese',
      city: 'Taquaritinga, Brazil',
      languages: ['pt', 'en'],
      github: 'ErickPetru',
      twitter: 'erickpetru',
      work: {
        role: 'Teacher',
        org: 'Fatec Taquaritinga',
        orgUrl: 'http://www.fatectq.edu.br/'
      },
      reposPersonal: [
        'vuejs-br/br.vuejs.org', 'ErickPetru/vue-feathers-chat'
      ]
    },
    {
      name: 'Razvan Stoenescu',
      title: 'Deep Space Quasar Creator',
      city: 'Bucharest, Romania',
      languages: ['ro', 'en'],
      github: 'rstoenescu',
      twitter: 'quasarframework',
      work: {
        role: 'Developer',
        org: 'Quasar Framework',
        orgUrl: 'http://quasar-framework.org/'
      },
      reposPersonal: [
        'quasarframework/quasar', 'quasarframework/quasar-cli', 'quasarframework/quasar-play'
      ]
    },
    {
      name: 'Jilson Thomas',
      title: 'Vue Promoter and VueJobs Guy',
      city: 'Toronto, Canada',
      languages: ['en'],
      github: 'JillzTom',
      twitter: 'jilsonthomas',
      work: {
        role: 'Senior Frontend Developer',
        org: 'Nominator',
        orgUrl: 'https://nominator.com/'
      },
      links: [
        'https://vuejobs.com'
      ]
    },
    {
      name: 'Israel Ortuño',
      title: 'VueJobs Buccaneer',
      city: 'Alicante, Spain',
      languages: ['es', 'en'],
      github: 'IsraelOrtuno',
      twitter: 'IsraelOrtuno',
      work: {
        role: 'Full Stack Web Developer',
        org: 'Freelance'
      },
      links: [
        'https://vuejobs.com'
      ]
    },
    {
      name: 'John Leider',
      title: 'Vuetiful Framework Sculptor',
      city: 'Orlando, FL, USA',
      languages: ['en'],
      github: 'vuetifyjs',
      twitter: 'vuetifyjs',
      work: {
        role: 'Developer',
        org: 'Fast Forward Academy',
        orgUrl: 'https://fastforwardacademy.com'
      },
      reposPersonal: [
        'vuetifyjs/vuetify'
      ]
    },
    {
      name: 'Grigoriy Beziuk',
      title: 'Translation Gang Leader',
      city: 'Moscow, Russia',
      languages: ['ru', 'de', 'en'],
      github: 'gbezyuk',
      work: {
        role: 'Full Stack Web Developer',
        org: 'Self Employed',
        orgUrl: 'http://gbezyuk.ru'
      },
      reposPersonal: [
        'translation-gang/ru.vuejs.org'
      ]
    },
    {
      name: 'Alexander Sokolov',
      title: 'Russian Translation Sharp Eye',
      city: 'Krasnodar, Russia',
      languages: ['ru', 'en'],
      github: 'Alex-Sokolov',
      reposPersonal: [
        'translation-gang/ru.vuejs.org'
      ]
    },
    {
      name: 'Anthony Gore',
      title: '',
      city: 'Sydney, Australia',
      languages: ['en'],
      github: 'anthonygore',
      twitter: 'anthonygore',
      work: {
        role: 'Author',
        org: 'Vue.js Developers',
        orgUrl: 'https://vuejsdevelopers.com/'
      },
      links: [
        'https://vuejsdevelopers.com'
      ]
    }
  ]

  Vue.component('vuer-profile', {
    template: '#vuer-profile-template',
    props: {
      profile: Object,
      titleVisible: Boolean
    },
    computed: {
      workHtml: function () {
        var work = this.profile.work
        var html = ''
        if (work.orgUrl) {
          html += '<a href="' + work.orgUrl + '" target="_blank" rel="noopener noreferrer">'
          if (work.org) {
            html += work.org
          } else {
            this.minimizeLink(work.orgUrl)
          }
          html += '</a>'
        } else if (work.org) {
          html += work.org
        }
        if (work.role) {
          if (html.length > 0) {
            html = work.role + ' @ ' + html
          } else {
            html = work.role
          }
        }
        return html
      },
      textDistance: function () {
        var distanceInKm = this.profile.distanceInKm || 0
        if (this.$root.useMiles) {
          return roundDistance(kmToMi(distanceInKm)) + ' miles'
        } else {
          return roundDistance(distanceInKm) + ' km'
        }
      },
      languageListHtml: function () {
        var vm = this
        var nav = window.navigator
        if (!vm.profile.languages) return ''
        var preferredLanguageCode = nav.languages
          // The preferred language set in the browser
          ? nav.languages[0]
          : (
              // The system language in IE
              nav.userLanguage ||
              // The language in the current page
              nav.language
            )
        return (
          '<ul><li>' +
          vm.profile.languages.map(function (languageCode, index) {
            var language = languageNameFor[languageCode]
            if (
              languageCode !== 'en' &&
              preferredLanguageCode &&
              languageCode === preferredLanguageCode.slice(0, 2)
            ) {
              return (
                '<span ' +
                  'class="user-match" ' +
                  'title="' +
                    vm.profile.name +
                    ' can give technical talks in your preferred language.' +
                  '"' +
                '\>' + language + '</span>'
              )
            }
            return language
          }).join('</li><li>') +
          '</li></ul>'
        )
      },
      hasSocialLinks: function () {
        return this.profile.github || this.profile.twitter || this.profile.codepen
      }
    },
    methods: {
      minimizeLink: function (link) {
        return link
          .replace(/^https?:\/\/(www\.)?/, '')
          .replace(/\/$/, '')
          .replace(/^mailto:/, '')
      },
      /**
       * Generate a GitHub URL using a repo and a handle.
       */
      githubUrl: function (handle, repo) {
        if (repo && repo.url) {
          return repo.url
        }
        if (repo && repo.indexOf('/') !== -1) {
          // If the repo name has a slash, it must be an organization repo.
          // In such a case, we discard the (personal) handle.
          return (
            'https://github.com/' +
            repo.replace(/\/\*$/, '')
          )
        }
        return 'https://github.com/' + handle + '/' + (repo || '')
      }
    }
  })

  new Vue({
    el: '#team-members',
    data: {
      team: team,
      partners: shuffle(partners),
      geolocationSupported: false,
      isSorting: false,
      errorGettingLocation: false,
      userPosition: null,
      useMiles: false,
      konami: {
        position: 0,
        code: [38, 38, 40, 40, 37, 39, 37, 39, 66, 65]
      }
    },
    computed: {
      sortedTeam: function () {
        return this.sortVuersByDistance(this.team)
      },
      sortedPartners: function () {
        return this.sortVuersByDistance(this.partners)
      },
      titleVisible: function () {
        return this.konami.code.length === this.konami.position
      }
    },
    created: function () {
      var nav = window.navigator
      if ('geolocation' in nav) {
        this.geolocationSupported = true
        var imperialLanguageCodes = [
          'en-US', 'en-MY', 'en-MM', 'en-BU', 'en-LR', 'my', 'bu'
        ]
        if (imperialLanguageCodes.indexOf(nav.language) !== -1) {
          this.useMiles = true
        }
      }
      document.addEventListener('keydown', this.konamiKeydown)
    },
    beforeDestroy: function () {
      document.removeEventListener('keydown', this.konamiKeydown)
    },
    methods: {
      getUserPosition: function () {
        var vm = this
        var nav = window.navigator
        vm.isSorting = true
        nav.geolocation.getCurrentPosition(
          function (position) {
            vm.userPosition = position
            vm.isSorting = false
          },
          function (error) {
            vm.isSorting = false
            vm.errorGettingLocation = true
          },
          {
            enableHighAccuracy: true
          }
        )
      },
      sortVuersByDistance: function (vuers) {
        var vm = this
        if (!vm.userPosition) return vuers
        var vuersWithDistances = vuers.map(function (vuer) {
          var cityCoords = cityCoordsFor[vuer.city]
          return Object.assign({}, vuer, {
            distanceInKm: getDistanceFromLatLonInKm(
              vm.userPosition.coords.latitude,
              vm.userPosition.coords.longitude,
              cityCoords[0],
              cityCoords[1]
            )
          })
        })
        vuersWithDistances.sort(function (a, b) {
          return (
            a.distanceInKm -
            b.distanceInKm
          )
        })
        return vuersWithDistances
      },
      konamiKeydown: function (event) {
        if (this.titleVisible) {
          return
        }

        if (event.keyCode !== this.konami.code[this.konami.position++]) {
          this.konami.position = 0
        }
      }
    }
  })

  /**
  * Shuffles array in place.
  * @param {Array} a items The array containing the items.
  */
  function shuffle (a) {
    a = a.concat([])
    if (window.location.hostname === 'localhost') {
      return a
    }
    var j, x, i
    for (i = a.length; i; i--) {
      j = Math.floor(Math.random() * i)
      x = a[i - 1]
      a[i - 1] = a[j]
      a[j] = x
    }
    return a
  }

  /**
  * Calculates great-circle distances between the two points – that is, the shortest distance over the earth’s surface – using the Haversine formula.
  * @param {Number} lat1 The latitude of the 1st location.
  * @param {Number} lon1 The longitute of the 1st location.
  * @param {Number} lat2 The latitude of the 2nd location.
  * @param {Number} lon2 The longitute of the 2nd location.
  */
  function getDistanceFromLatLonInKm(lat1,lon1,lat2,lon2) {
    var R = 6371 // Radius of the earth in km
    var dLat = deg2rad(lat2-lat1)  // deg2rad below
    var dLon = deg2rad(lon2-lon1)
    var a =
      Math.sin(dLat/2) * Math.sin(dLat/2) +
      Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
      Math.sin(dLon/2) * Math.sin(dLon/2)
    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a))
    var d = R * c // Distance in km
    return d
  }

  function deg2rad(deg) {
    return deg * (Math.PI/180)
  }

  function kmToMi (km) {
    return km * 0.62137
  }

  function roundDistance (num) {
    return Number(Math.ceil(num).toPrecision(2))
  }
})()
</script>


  
  
    <div class="guide-links">
      
      
        <span>← <a href="/v2/guide/join.html">加入 Vue.js 社区</a></span>
      
      
      
    </div>
  
  <div class="footer">
      <script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<div class="bsa-cpc"></div>
<script>
  (function(){
    if(typeof _bsa !== 'undefined' && _bsa) {
    _bsa.init('default', 'CKYD62QM', 'placement:vuejsorg', {
      target: '.bsa-cpc',
      align: 'horizontal',
      disable_css: 'true'
    });
      }
  })();
</script>

    发现错误？想参与编辑？
    <a href="https://github.com/vuejs/cn.vuejs.org/blob/master/src/v2/guide/team.md" target="_blank">
      在 GitHub 上编辑此页！
    </a>
  </div>
</div>
		<!-- important -->

<!-- var end -->
</div>	<!-- #main -->

<script>
$('.menu-sub').hide();
let thisAction = '<?php echo (ACTION_NAME); ?>';
$('#'+thisAction+'>a').addClass('current').prev(); 
$('#'+thisAction+'>i').addClass('sidebar-tap').html('－');
$('#'+thisAction+' .menu-sub').show();


$('.sidebar-menu>i').click(function(){
	$('.sidebar-menu>i').html('＋').removeClass('sidebar-tap');
	$('.sidebar-menu .menu-sub').hide();

	if($(this).hasClass('sidebar-tap')) {
		$(this).html('＋').toggleClass('sidebar-tap');
		$(this).siblings('.menu-sub').hide();
	}else {
		$(this).html('－').toggleClass('sidebar-tap');
		$(this).siblings('.menu-sub').show();
	}
});



let href = window.location.href;
let start = href.indexOf('#');
let href2 = '';
if(start > 0) {
	href2 = href.slice(start+1);
	$('#'+thisAction+' .section-link[href="#'+href2+'"]').addClass('active');
}else {
	$('#'+thisAction+' .menu-sub .section-link:first').addClass('active');

}


$('#'+thisAction+'.section-link').click(function(){
	$('.section-link').removeClass('active');
	$(this).addClass('active');
});

let $link = $('.content h2, .content h3:not(.no_sidebar)');
let $slink = $('#'+thisAction+' .menu-sub .section-link');
let scrollArr = [];
$.each( $link, function() {
	let offset = $(this).offset();
	let thisId = $(this).attr('id');
	scrollArr.push(offset.top);
});



$(window).on('scroll', function(){<!--{{{-->
	let scrollTop = $(document).scrollTop();
	let i=0;
	for(; i<scrollArr.length; i++) {
		if(scrollTop>=scrollArr[i]-18 && scrollTop<scrollArr[i+1]-18) {
			break;
		}
	}
	if($slink.eq(i).length > 0){
		$slink.removeClass('active');
		$slink.eq(i).addClass('active');
	}
});<!--}}}-->


</script>

<!-- 
		<script src="/js/smooth-scroll.min.js" tppabs="https://cn.vuejs.org/js/smooth-scroll.min.js"></script>
 -->
    <!-- main custom script for sidebars, version selects etc. -->
    <script src="/js/css.escape.js" tppabs="https://cn.vuejs.org/js/css.escape.js"></script>
		<!-- 
    <script src="/js/common.js" tppabs="https://cn.vuejs.org/js/common.js"></script>
 -->
    <!-- search -->
    <link href="/css/docsearch.min.css" tppabs="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/css/search.css" tppabs="https://cn.vuejs.org/css/search.css">
    <script src="/js/docsearch.min.js" tppabs="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script>
    <script>
    [
      '#search-query-nav',
      '#search-query-sidebar',
      '#search-query-menu'
    ].forEach(function (selector) {
      if (!document.querySelector(selector)) return
      // search index defaults to v2
      var match = window.location.pathname.match(/^\/(v\d+)/)
      var version = match ? match[1] : 'v2'
      docsearch({
      appId: 'BH4D9OD16A',
      apiKey: '5638280abff9d207417bb03be05f0b25',
      indexName: 'vuejs_cn2',
      inputSelector: selector,
      algoliaOptions: { facetFilters: ["version:" + version] }
      })
    })
    </script>

    <!-- fastclick -->
    <script src="/js/fastclick.min.js" tppabs="https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js"></script>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
      FastClick.attach(document.body)
    }, false)
    </script>
  </body>
</html>